html {
  background: #f3f4f8;
}
.login {
  padding-top: 1.2rem;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  line-height: 1.2rem;
}
.login p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #656565;
}
.login .active_p {
  color: #18a7fd;
  border-bottom: 3px solid #18a7fd;
}
.passwordlogin .user {
  background: #fff;
}
.passwordlogin .user .loginname {
  height: 1.33333333rem;
  line-height: 1.30666667rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #757575;
}
.passwordlogin .user .loginname .left {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.passwordlogin .user .loginname .right {
  width: 65%;
  border: none;
}
.passwordlogin .user .loginname .right::-webkit-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .loginname .right:-ms-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .loginname .right::-ms-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .loginname .right::placeholder {
  color: #aaa;
}
.passwordlogin .user .password {
  height: 1.33333333rem;
  line-height: 1.30666667rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #757575;
}
.passwordlogin .user .password .left {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.passwordlogin .user .password .right {
  width: 65%;
  border: none;
}
.passwordlogin .user .password .right::-webkit-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .password .right:-ms-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .password .right::-ms-input-placeholder {
  color: #aaa;
}
.passwordlogin .user .password .right::placeholder {
  color: #aaa;
}
.passwordlogin .user .password i {
  width: 15%;
  line-height: 1.33333333rem;
}
.passwordlogin .btn {
  width: 90%;
  line-height: 1.06666667rem;
  margin: auto;
  margin-top: 0.4rem;
  background: #999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.passwordlogin .register {
  width: 90%;
  line-height: 1.2rem;
  margin: auto;
  margin-top: 0.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.passwordlogin .register a {
  color: #19a8fd;
}
.messagelogin {
  display: none;
}
.messagelogin .user {
  background: #fff;
}
.messagelogin .user .loginname {
  height: 1.33333333rem;
  line-height: 1.30666667rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #757575;
}
.messagelogin .user .loginname .left {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.messagelogin .user .loginname .right {
  width: 65%;
  border: none;
}
.messagelogin .user .loginname .right::-webkit-input-placeholder {
  color: #aaa;
}
.messagelogin .user .loginname .right:-ms-input-placeholder {
  color: #aaa;
}
.messagelogin .user .loginname .right::-ms-input-placeholder {
  color: #aaa;
}
.messagelogin .user .loginname .right::placeholder {
  color: #aaa;
}
.messagelogin .user .password {
  height: 1.33333333rem;
  line-height: 1.30666667rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #757575;
}
.messagelogin .user .password .left {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.messagelogin .user .password .right {
  width: 45%;
  border: none;
}
.messagelogin .user .password .right::-webkit-input-placeholder {
  color: #aaa;
}
.messagelogin .user .password .right:-ms-input-placeholder {
  color: #aaa;
}
.messagelogin .user .password .right::-ms-input-placeholder {
  color: #aaa;
}
.messagelogin .user .password .right::placeholder {
  color: #aaa;
}
.messagelogin .user .password .dynamic {
  width: 30%;
  border-radius: 5px;
  background: #fc8c75;
  color: #fff;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  margin-top: 0.12rem;
  white-space: nowrap;
}
.messagelogin .prompt {
  width: 90%;
  line-height: 1.06666667rem;
  color: #aaabac;
  margin: auto;
}
.messagelogin .btn {
  width: 90%;
  line-height: 1.06666667rem;
  margin: auto;
  margin-top: 0.4rem;
  background: #999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.messagelogin .register {
  width: 90%;
  line-height: 1.2rem;
  margin: auto;
  margin-top: 0.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.messagelogin .register a {
  color: #19a8fd;
}
